﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="Content-Language" content="utf-8" />
		<meta name="Robots" content="all" />
		<meta name="Author" content="Yiian International Information" />
		<meta name="Copyright" content="" />
		<meta name="Description" content="" />
		<meta name="Description" content="" />
		<meta name="Keywords" content="" />
		<title>微讯首页</title>
		<link type="<%=basePath%>image/x-icon" rel="Shortcut Icon"
			href="<%=basePath%>Images/favicon.ico" />
		<style type="text/css">
@import "<%=basePath%>CSS/Yiian_Style.css";
</style>
		<link type="text/css" rel="stylesheet" href="<%=basePath%>CSS/Yiian_Index.css" />

		<script type="text/javascript" language="javascript"
			src="<%=basePath%>JS/jquery-1.6.2.min.js"></script>
		<script type="text/javascript">
	$(document).ready(function() {

		//定义变量 保存提示框里面信息
		var account = $("#account").val();
		var password = $("#password").val();
		var remind_account = $("#account").attr("cn") ;

		$("#account").blur(function() {
			if ("" == $.trim($(this).val())) {
				$(this).val(remind_account);
			}
		});

		//得到焦点后 清空系统提示框里面信息
		$("#account").focus(function() {
			if (eval($(this).attr("id")) == $(this).val()) {
				$(this).val("");
			}
		});

		$("#password").blur(function() {
			if ("" == $.trim($(this).val())) {
				$(this).css({
					background : "#FFF url(Images/pass.jpg) no-repeat 3px 5px"
				});
			}
		});

		//得到焦点后 清空系统提示框里面信息
		$("#password").focus(function() {
			if ("" == $.trim($(this).val())) {
				$(this).css({
					"background" : "#FFF"
				});
			}
		});

		//提交页面
		$("#loginbtn").click(function() {
			var params = {};
			account_new = $("#account").val();
			password_new = $("#password").val();
			if("" == $.trim(account_new) || remind_account == $.trim(account_new)){
				alert("请输入用户名！");
				return false;
			}
			params["user.username"] = account_new;
			params["user.password"] = password_new;

			$.ajax({
				type : "post",
				url : "<%=basePath%>Right/login.action",
				dataType : "json",
				data : params,
				success : function(_result) {
					if( "true" == _result.success ){
						window.location.href = "<%=basePath%>mess/getAllData.action";
						
					}else{
						alert("用户名或密码错误 ！");
					}
					
				},
				error:function(){
					alert("网络异常 ！");
				}
			});
		});

	});
</script>
	</head>

	<body>

		<div class="header">
			<a class="logo" href="http://www.wixun.com" title="微讯"><img
					src="<%=basePath%>Images/Logo.png" />
			</a>
		</div>

		<div class="info">
			<img class="banner" src="<%=basePath%>Pictures/banner.jpg" />
			<div class="login">
				<ul class="logininfo">
					<li class="anniutop">
						<a class="kaitong" href="<%=basePath%>Right/Register.jsp">&nbsp;</a>
					</li>
					<li class="text">
						<span class="da">账号：</span>
						<input type="text" class="logintxt txt" id="account"
							name="zhanghao" value="邮箱/会员账/号手机号" cn="邮箱/会员账/号手机号"/>
					</li>
					<li class="text">
						<span class="da">密码：</span>
						<input type="password" class="pass logintxt txt" id="password"
							name="mima" value="" />
					</li>
					<li style="text-align: center" class="text">
						<input type="checkbox" class="" id="" name="zhidong" value="Y" />
						&nbsp;下次自动登录&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<a style="text-decoration: underline;" class="wangmi" href="<%=basePath%>Right/login.action">找回密码？</a>
					</li>
					<li class="anniu">
						<input type="button" class="loginbtn" id="loginbtn" name=""
							value="" />
					</li>
				</ul>
			</div>
		</div>

		<div class="main">
			<div class="left">
				<h3 class="lefttitle">
					这些机构正在使用微讯
				</h3>
				<ul class="icos">
					<!--数据从这里开始循环输出，共十二条。-->
					<li class="tuwen">
						<a href="#" target="_blank"><img class="icopic"
								src="<%=basePath%>Pictures/pic1.jpg" />
						</a><a class="name" href="#" target="_blank">中国气象</a>
					</li>
					<li class="bu"></li>
					<li class="tuwen">
						<a href="#" target="_blank"><img class="icopic"
								src="<%=basePath%>Pictures/pic2.jpg" />
						</a><a class="name" href="#" target="_blank">中国气象</a>
					</li>
					<li class="bu"></li>
					<li class="tuwen">
						<a href="#" target="_blank"><img class="icopic"
								src="<%=basePath%>Pictures/pic3.jpg" />
						</a><a class="name" href="#" target="_blank">中国气象</a>
					</li>
					<li class="bu"></li>
					<li class="tuwen">
						<a href="#" target="_blank"><img class="icopic"
								src="<%=basePath%>Pictures/pic6.jpg" />
						</a><a class="name" href="#" target="_blank">中国气象</a>
					</li>
					<li class="bu"></li>
					<li class="tuwen">
						<a href="#" target="_blank"><img class="icopic"
								src="<%=basePath%>Pictures/pic5.jpg" />
						</a><a class="name" href="#" target="_blank">中国气象</a>
					</li>
					<li class="bu"></li>
					<li class="tuwen">
						<a href="#" target="_blank"><img class="icopic"
								src="<%=basePath%>Pictures/pic4.jpg" />
						</a><a class="name" href="#" target="_blank">中国气象</a>
					</li>
					<li class="bu"></li>
					<li class="tuwen">
						<a href="#" target="_blank"><img class="icopic"
								src="<%=basePath%>Pictures/pic7.jpg" />
						</a><a class="name" href="#" target="_blank">中国气象</a>
					</li>
					<li class="bu"></li>
					<li class="tuwen">
						<a href="#" target="_blank"><img class="icopic"
								src="<%=basePath%>Pictures/pic8.jpg" />
						</a><a class="name" href="#" target="_blank">中国气象</a>
					</li>
					<li class="bu"></li>
					<li class="tuwen">
						<a href="#" target="_blank"><img class="icopic"
								src="<%=basePath%>Pictures/pic9.jpg" />
						</a><a class="name" href="#" target="_blank">中国气象</a>
					</li>
					<li class="bu"></li>
					<li class="tuwen">
						<a href="#" target="_blank"><img class="icopic"
								src="<%=basePath%>Pictures/pic10.jpg" />
						</a><a class="name" href="#" target="_blank">中国气象</a>
					</li>
					<li class="bu"></li>
					<li class="tuwen">
						<a href="#" target="_blank"><img class="icopic"
								src="<%=basePath%>Pictures/pic11.jpg" />
						</a><a class="name" href="#" target="_blank">中国气象</a>
					</li>
					<li class="bu"></li>
					<li class="tuwen">
						<a href="#" target="_blank"><img class="icopic"
								src="<%=basePath%>Pictures/pic12.jpg" />
						</a><a class="name" href="#" target="_blank">中国气象</a>
					</li>
					<li class="bu"></li>
				</ul>
			</div>

			<div class="center">
				<h3 class="centertitle lefttitle">
					微讯播报
				</h3>
				<div style="width: 389px; height: 5px; font-size: 0;"></div>
				<div style="border: 0;" class="bobao">
					<!--这里共输出四条数据，但第一条单个输出新者，从第二条开始循输出三条。-->
					<div class="bobaoico">
						<a href="#" target="_blank"><img class="icopic"
								src="<%=basePath%>Pictures/pic1.jpg" />
						</a>
					</div>
					<div class="bobaoinfo">
						<span class="blue">中国气象&nbsp;&nbsp;</span>考察团先后在北京和兰州进行了参观和交流，广州是他们此行的最后一站。考察团中的气象专家对周日广东遭遇的强对流侵袭仍印象深刻。
						<br />
						<span class="hui">13秒前</span>
					</div>
					<div style="clear: both; height: 8px; font-size: 0;"></div>
				</div>
				<div class="bobao">
					<div class="bobaoico">
						<a href="#" target="_blank"><img class="icopic"
								src="<%=basePath%>Pictures/pic6.jpg" />
						</a>
					</div>
					<div class="bobaoinfo">
						<span class="blue">中国气象&nbsp;&nbsp;</span>考察团先后在北京和兰州进行了参观和交流，广州是他们此行的最后一站。考察团中的气象专家对周日广东遭遇的强对流侵袭仍印象深刻。
						<br />
						<span class="hui">13秒前</span>
					</div>
					<div style="clear: both; height: 10px; font-size: 0;"></div>
				</div>
				<div class="bobao">
					<div class="bobaoico">
						<a href="#" target="_blank"><img class="icopic"
								src="<%=basePath%>Pictures/pic7.jpg" />
						</a>
					</div>
					<div class="bobaoinfo">
						<span class="blue">中国气象&nbsp;&nbsp;</span>考察团先后在北京和兰州进行了参观和交流，广州是他们此行的最后一站。考察团中的气象专家对周日广东遭遇的强对流侵袭仍印象深刻。
						<br />
						<span class="hui">13秒前</span>
					</div>
					<div style="clear: both; height: 10px; font-size: 0;"></div>
				</div>
				<div class="bobao">
					<div class="bobaoico">
						<a href="#" target="_blank"><img class="icopic"
								src="<%=basePath%>Pictures/pic3.jpg" />
						</a>
					</div>
					<div class="bobaoinfo">
						<span class="blue">中国气象&nbsp;&nbsp;</span>考察团先后在北京和兰州进行了参观和交流，广州是他们此行的最后一站。考察团中的气象专家对周日广东遭遇的强对流侵袭仍印象深刻。
						<br />
						<span class="hui">13秒前</span>
					</div>
					<div style="clear: both; height: 10px; font-size: 0;"></div>
				</div>
			</div>

			<div class="right">
				<div class="rightbu">
					&nbsp;
				</div>
				<div class="rightinfo">
					<h3 class="righttitle">
						用手机上微讯
					</h3>
					<div class="shouji">
						手机访问&nbsp;wixun.com
					</div>
					<a href="#" target="_blank"><img class="rightico"
							src="<%=basePath%>Pictures/iphone.jpg" />
					</a><a href="#" target="_blank"><img class="rightico"
							src="<%=basePath%>Pictures/ico3.jpg" />
					</a><a href="#" target="_blank"><img class="rightico"
							src="<%=basePath%>Pictures/symbian.jpg" />
					</a><a class="more" href="#" target="_blank">更多<span class="songti">>></span>
					</a>
				</div>
			</div>
			<div style="clear: both; height: 0; font-size: 0;"></div>
		</div>

		<div class="copyright">
			<a class="links" href="#" target="_blank">帮助信息</a>-
			<a class="links" href="#" target="_blank">联系我们</a>-
			<a class="links" href="#" target="_blank">意见建议</a>-
			<a class="links" href="#" target="_blank">举报</a>-
			<a class="links" href="#" target="_blank">微讯首页</a>
			<br />
			Copyright&nbsp;&copy;&nbsp;2011&nbsp;&nbsp;Wixun.com&nbsp;&nbsp;Inc.&nbsp;&nbsp;All&nbsp;Rights&nbsp;Reserved.&nbsp;&nbsp;&nbsp;&nbsp;蛙扑公司&nbsp;&nbsp;&nbsp;&nbsp;版权所有
		</div>

	</body>
</html>
